<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>知识库</title>
    <link rel="stylesheet" href="../bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="../css/index.css">
    <script src="../js/jquery2.1.min.js"></script>
    <script src="../bootstrap/js/bootstrap.min.js"></script>
</head>
<body>
<header>
    <img src="../img/banner-bg.png" alt="" class="banner-bg">
    <div class="banner-text">
        <img src="../img/logo.png" alt="" class="logo">
        <img src="../img/banner-bg-text.png" alt="" class="banner-bg-text">
        <img src="../img/banner-en-text.png" alt="" class="banner-en-text">
    </div>
</header>
<!--menu-->
<div class="center-menu">
    <ul class="menu-ul">
        <li><a href="../index.html">首页</a></li>
        <li><a href="information.html">预警信息</a></li>
        <li><a href="policy.html">政策法规</a></li>
        <li><a href="notify.html">通知公告</a></li>
        <li><a href="manage.html">预案管理</a></li>
        <li class="menu-active"><a href="knowledge.html">知识库</a></li>
    </ul>
</div>

<!--内容-->
<div class="item-con" id="knowledge">
    <div class="page-header">
        <h1>知识库</h1>
        <img src="../img/h1-bg.png" alt="">
    </div>
    <!-- Nav tabs -->
    <ul class="nav" role="tablist">
        <li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab"
                                                  data-toggle="tab">自然灾害</a></li>
        <li role="presentation"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">事故灾难</a></li>
        <li role="presentation"><a href="#messages" aria-controls="messages" role="tab" data-toggle="tab">公共卫生</a></li>
        <li role="presentation"><a href="#settings" aria-controls="settings" role="tab" data-toggle="tab">防御手册</a></li>
        <li role="presentation"><a href="#messagesa" aria-controls="messagesa" role="tab" data-toggle="tab">应急指南</a>
        </li>
        <li role="presentation"><a href="#settingsa" aria-controls="settingsa" role="tab" data-toggle="tab">应急避难场所指示</a>
        </li>
    </ul>

    <!-- Tab panes -->
    <div class="tab-content">
        <div role="tabpanel" class="tab-pane active" id="home">
            <p class="what-tit">自然灾害</p>
            <ul class="tzgg-ul">
                <li>
                    <a href="taifengdetails.html">
                        <span class="tzgg-text">台风来袭前会有什么预兆？ </span>
                        <span class="tzgg-time">2017-11-08</span>
                    </a>
                </li>
                <li>
                    <a href="">
                        <span class="tzgg-text">地震后如何自救与互救</span>
                        <span class="tzgg-time">2017-11-08</span>
                    </a>
                </li>
                <li>
                    <a href="">
                        <span class="tzgg-text">雾天出行 两大实用驾驶技巧 </span>
                        <span class="tzgg-time">2017-11-08</span>
                    </a>
                </li>
                <li>
                    <a href="">
                        <span class="tzgg-text">雨季安全行车常识 </span>
                        <span class="tzgg-time">2017-11-08</span>
                    </a>
                </li>
                <li>
                    <a href="">
                        <span class="tzgg-text">泥石流灾害常识</span>
                        <span class="tzgg-time">2017-11-08</span>
                    </a>
                </li>
                <li>
                    <a href="">
                        <span class="tzgg-text">高温警报拉响 防御应注意 </span>
                        <span class="tzgg-time">2017-11-08</span>
                    </a>
                </li>
                <li>
                    <a href="">
                        <span class="tzgg-text">地震后如何避灾自救 </span>
                        <span class="tzgg-time">2017-11-08</span>
                    </a>
                </li>
                <li>
                    <a href="">
                        <span class="tzgg-text">防灾减灾专家谈抗旱技术措施关键在落地 </span>
                        <span class="tzgg-time">2017-11-08</span>
                    </a>
                </li>
                <li>
                    <a href="">
                        <span class="tzgg-text">户外避雷十大方法 </span>
                        <span class="tzgg-time">2017-11-08</span>
                    </a>
                </li>
                <li>
                    <a href="">
                        <span class="tzgg-text">专家：暴雨密集时汽车落水需及时破窗逃生 </span>
                        <span class="tzgg-time">2017-11-08</span>
                    </a>
                </li>
            </ul>
            <div class="zrzh-btn">
                <span>当前第1页,共1页</span>
                <div class="btn-group btn-group-justified" role="group" aria-label="...">
                    <div class="btn-group" role="group">
                        <button type="button" class="btn btn-default">上一页</button>
                    </div>
                    <div class="btn-group" role="group">
                        <button type="button" class="btn btn-default">下一页</button>
                    </div>
                </div>
            </div>
        </div>
        <div role="tabpanel" class="tab-pane" id="profile">
            <p class="what-tit">事故灾难</p>
            <ul class="tzgg-ul">
                <li>
                    <a href="">
                        <span class="tzgg-text">预防煤气中毒小常识 </span>
                        <span class="tzgg-time">2017-11-08</span>
                    </a>
                </li>
                <li>
                    <a href="">
                        <span class="tzgg-text">爆炸物可能放置在公共场所什么地方 </span>
                        <span class="tzgg-time">2017-11-02</span>
                    </a>
                </li>
                <li>
                    <a href="">
                        <span class="tzgg-text">中小学生假期交通安全提示 </span>
                        <span class="tzgg-time">2017-10-01</span>
                    </a>
                </li>
                <li>
                    <a href="">
                        <span class="tzgg-text">拼眼力 远离爆炸源 </span>
                        <span class="tzgg-time">2017-10-01</span>
                    </a>
                </li>
                <li>
                    <a href="">
                        <span class="tzgg-text">遇见灾难车窗车门打不开时 后备箱也是逃生通道 </span>
                        <span class="tzgg-time">2017-03-06</span>
                    </a>
                </li>
                <li>
                    <a href="">
                        <span class="tzgg-text">城市燃气火灾爆炸事故应急措施 </span>
                        <span class="tzgg-time">2017-01-08</span>
                    </a>
                </li>
                <li>
                    <a href="">
                        <span class="tzgg-text">中小学生寒假期间交通安全提示 </span>
                        <span class="tzgg-time">2016-12-18</span>
                    </a>
                </li>
            </ul>
            <div class="zrzh-btn">
                <span>当前第1页,共1页</span>
                <div class="btn-group btn-group-justified" role="group" aria-label="...">
                    <div class="btn-group" role="group">
                        <button type="button" class="btn btn-default">上一页</button>
                    </div>
                    <div class="btn-group" role="group">
                        <button type="button" class="btn btn-default">下一页</button>
                    </div>
                </div>
            </div>
        </div>
        <div role="tabpanel" class="tab-pane" id="messages">
            <p class="what-tit">公共卫生</p>
            <ul class="tzgg-ul">
                <li>
                    <a href="">
                        <span class="tzgg-text">关于德国肠出血性大肠杆菌O104感染暴发的健康提示 </span>
                        <span class="tzgg-time">2017-11-08</span>
                    </a>
                </li>
                <li>
                    <a href="">
                        <span class="tzgg-text">接种疫苗　如何预防偶合症</span>
                        <span class="tzgg-time">2017-11-08</span>
                    </a>
                </li>
                <li>
                    <a href="">
                        <span class="tzgg-text">蜱的特点及预防控制知识 </span>
                        <span class="tzgg-time">2017-11-07</span>
                    </a>
                </li>
                <li>
                    <a href="">
                        <span class="tzgg-text">呼吸道传染病如何应对？</span>
                        <span class="tzgg-time">2017-11-02</span>
                    </a>
                </li>
                <li>
                    <a href="">
                        <span class="tzgg-text">卫生部通报夏季常见肠道传染病防控工作 </span>
                        <span class="tzgg-time">2017-10-18</span>
                    </a>
                </li>
                <li>
                    <a href="">
                        <span class="tzgg-text">婴幼儿喂养有关问答 </span>
                        <span class="tzgg-time">2017-10-12</span>
                    </a>
                </li>
                <li>
                    <a href="">
                        <span class="tzgg-text">低温雨雪冰冻灾害卫生防病知识要点</span>
                        <span class="tzgg-time">2017-02-09</span>
                    </a>
                </li>
                <li>
                    <a href="">
                        <span class="tzgg-text">结核病防治核心信息 </span>
                        <span class="tzgg-time">2017-01-02</span>
                    </a>
                </li>
                <li>
                    <a href="">
                        <span class="tzgg-text">暑期出现身体不适时 要及时到医院就诊</span>
                        <span class="tzgg-time">2016-08-15</span>
                    </a>
                </li>
                <li>
                    <a href="">
                        <span class="tzgg-text">从日本入境人员体表放射性污染医学处理相关知识问答 </span>
                        <span class="tzgg-time">2016-06-08</span>
                    </a>
                </li>
            </ul>
            <div class="zrzh-btn">
                <span>当前第1页,共1页</span>
                <div class="btn-group btn-group-justified" role="group" aria-label="...">
                    <div class="btn-group" role="group">
                        <button type="button" class="btn btn-default">上一页</button>
                    </div>
                    <div class="btn-group" role="group">
                        <button type="button" class="btn btn-default">下一页</button>
                    </div>
                </div>
            </div>
        </div>
        <div role="tabpanel" class="tab-pane" id="settings">
            <p class="what-tit">防御手册</p>
            <ul class="handbook">
                <li>
                    <a href="">
                        <img src="../img/dizhenzijiu.jpg" alt="">
                        <span>地震自救互救 /农村</span>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="../img/dizhenzijiu.jpg" alt="">
                        <span>地震自救互救 /农村</span>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="../img/dizhenzijiu.jpg" alt="">
                        <span>地震自救互救 /农村</span>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="../img/dizhenzijiu.jpg" alt="">
                        <span>地震自救互救 /农村</span>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="../img/dizhenzijiu.jpg" alt="">
                        <span>地震自救互救 /农村</span>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="../img/dizhenzijiu.jpg" alt="">
                        <span>地震自救互救 /农村</span>
                    </a>
                </li>
            </ul>
            <div class="zrzh-btn">
                <span>当前第1页,共1页</span>
                <div class="btn-group btn-group-justified" role="group" aria-label="...">
                    <div class="btn-group" role="group">
                        <button type="button" class="btn btn-default">上一页</button>
                    </div>
                    <div class="btn-group" role="group">
                        <button type="button" class="btn btn-default">下一页</button>
                    </div>
                </div>
            </div>
        </div>
        <div role="tabpanel" class="tab-pane" id="messagesa">
            <p class="what-tit">应急指南</p>
            <ul class="tzgg-ul">
                <li>
                    <a href="">
                        <span class="tzgg-text">预警信号</span>
                        <span class="tzgg-time">2017-11-08</span>
                    </a>
                </li>
                <li>
                    <a href="">
                        <span class="tzgg-text">应急电话</span>
                        <span class="tzgg-time">2017-11-08</span>
                    </a>
                </li>
                <li>
                    <a href="">
                        <span class="tzgg-text">求救信号</span>
                        <span class="tzgg-time">2017-11-08</span>
                    </a>
                </li>
                <li>
                    <a href="">
                        <span class="tzgg-text">防空警报</span>
                        <span class="tzgg-time">2017-11-08</span>
                    </a>
                </li>
            </ul>
            <div class="zrzh-btn">
                <span>当前第1页,共1页</span>
                <div class="btn-group btn-group-justified" role="group" aria-label="...">
                    <div class="btn-group" role="group">
                        <button type="button" class="btn btn-default">上一页</button>
                    </div>
                    <div class="btn-group" role="group">
                        <button type="button" class="btn btn-default">下一页</button>
                    </div>
                </div>
            </div>
        </div>
        <div role="tabpanel" class="tab-pane" id="settingsa">
            <p class="what-tit">应急避难场所指示</p>
            <img src="../img/yingji.png" alt="" style="width: 780px">
        </div>
    </div>

</div>
<!--footer-->
<div class="con_fonter bcgbluea">
    <p>&nbsp;</p>
    <p>Copyright©内蒙古自治区突发事件预警信息发布中心 All Rights Reserved(<span id="tm" style="color:white;">2010-2020</span>)版权所有 复制必究
    </p>
    <p>蒙ICP备16001969号
</div>
</body>
</html>